<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>is()</title>

    <style>
        ol {
            list-style-type: upper-alpha;
            color: darkblue;
        }

        /* stylelint-disable-next-line selector-pseudo-class-no-unknown */
        /* ol ul 就会被选中 */
        :is(ol) :is(ul) {
            color: green;
        }
        /*  */
        :is(ol) :is(ol) ol {
            list-style-type: lower-greek;
            color: chocolate;
        }


    </style>
</head>

<body>
    <ol>
        <li>ol -- li</li>
        <li>
            <ul>
                <li>ol -- li -- ul -- li</li>
                <li>ol -- li -- ul -- li</li>
                <li>
                    <ol>
                        <li>ol -- li -- ul -- li -- ol -- li</li>
                        <li>ol -- li -- ul -- li -- ol -- li</li>
                    </ol>
                </li>
                <li>ol -- li -- ul -- li</li>
            </ul>
        </li>
        <li>ol -- li</li>
        <li>
            <ol>
                <li>ol -- li -- ol -- li</li>
                <li>ol -- li -- ol -- li</li>
                <li>
                    <ol>
                        <li>ol -- li -- ol -- li -- ol -- li</li>
                    </ol>
                </li>
            </ol>
        </li>
    </ol>
</body>

</html>